<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title><%= class_name %></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>

    <!-- jQuery -->
    <script type="text/javascript" src="/public/libs/jquery-3.5.1/jquery-3.5.1.min.js"></script>

    <!-- Popper -->
    <script type="text/javascript" src="/public/libs/popper-2.4.0/popper-2.4.0.min.js"></script>

    <!-- Bootstrap -->
    <script type="text/javascript" src="/public/libs/bootstrap-4.4.1-dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="/public/libs/bootstrap-4.4.1-dist/css/bootstrap.min.css">

    <!-- feather icons -->
    <script src="/public/libs/feather/js/feather.min.js"></script>

    <script type="text/javascript" src="/public/api/rhoapi-modules.js"></script>
    <script type="text/javascript" src="/public/api/rhoapi-modules-ORM.js"></script>
    <script type="text/javascript" src="/public/api/rhoapi-modules-ORMHelper.js"></script>
    <script type="text/javascript" src="/public/api/rhoapi-modules-Ruby-RunTime.js"></script>

    <link rel="stylesheet" href="/public/css/style.css">
    <script type="text/javascript" src="index.js"></script>
</head>

<body>


<div class="border d-flex justify-content-between">
    <% if @rhoconnectclient_ext %>
    <button id="syncBtn" class="m-1 btn btn-primary btn-sm invisible">Sync</button>
    <% end %>

    <h3><%= class_name %></h3>

    <% if @rhoconnectclient_ext %>
    <button id="logoutBtn" class="btn btn-secondary btn-sm invisible">Logout</button>
    <a id="loginBtn" href="settings/login.html" class="btn btn-primary btn-sm invisible">Login</a>
    <% end %>
</div>


<div class="container-fluid p-1">
    <div id="alert" class="alert mt-1" hidden>
        <strong id="title"></strong>&nbsp;<span id="text"></span>
    </div>

    <div class="list-group">
        <a href="#" class="list-group-item list-group-item-action d-flex justify-content-between">
            <span>Add link here...</span>
            <i data-feather="chevron-right"></i>
        </a>
    </div>


</div>

<script>
    window.addEventListener("load", function () {
        var page = new App.IndexPage();
        page.init();
    });
</script>

</body>

</html>
